<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02_基础标签</title>
</head>
<body>
<!--   1.文本标签-->
我是文字
<b>我是加粗文字 bold</b>
<i>我是斜体文字 italic</i>
<u>我是下划线文字 underline</u>
<br>
<s>我是删除线文字 delete</s>
<mark>我是高亮文字 highlight</mark>
<!--空格折叠现象：会将连续的多个空格与换行折叠成一个空格展示出来 -->
<!--转义符号：&nbsp; 空格，&lt; 小于号，&gt; 大于号-->
我喜欢 &nbsp;&nbsp;&nbsp;星期五
我是诗诗，我喜欢
<yjw>,哈哈哈哈，我是yjw永远得不到的女人
    <br>
    我是诗诗，我喜欢&lt;yjw&gt;，哈哈哈哈，我是yjw永远也得不到的女人

    <!--2.标题:文字加粗，改变字号，内容独占一行，有垂直方向的行间距 -->
    <h1>我是一级标题</h1>
    <h2>我是二级标题</h2>
    <h3>我是三级标题</h3>
    <h4>我是四级标题</h4>
    <h5>我是五级标题</h5>
    <h6>我是六级标题</h6>
    <!--   即使标签不对也不会报错-->
    <h7>我是七级标题</h7>

    <!-- 3.段落标签   -->
    <p>我是段落标签</p>
    <p>我是段落标签</p>
    <p>12345687945</p>
    <!--    4  分割线：会在页面生成一条水平的灰色分割线-->
    <hr>
    <!-- 5.假文 lorem Tab 补齐-->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam asperiores aspernatur at atque consequatur
        consequuntur cum cumque delectus dicta dignissimos distinctio dolorem dolores doloribus ea earum eius eligendi
        enim eos esse est et eum exercitationem facilis fuga fugiat fugit harum hic id illum impedit incidunt ipsa ipsum
        iure labore laborum laudantium libero magnam maiores maxime minima minus molestiae mollitia mollitium n<</p>
    <!--6 无序列表  unordered list
     type=“none” 去除列表项前标识符-->
    <ul type="none">
        <li>列表1 list item</li>
        <li>列表2</li>
        <li>列表3</li>
    </ul>
    <!--    7.有序列表 ordered list type值 ：1 数字，A/a 字母 ，I/i 罗马数字-->
    <ol type="1">
        <li>列表1 list item</li>
        <li>列表2</li>
        <li>列表3</li>
    </ol>


</body>
</html>